@charset "UTF-8";
* { padding: 0; margin: 0; border: none; }
html { overflow-x: hidden; }
body { line-height: 1.6; font-size: 12px; font-family: , arial, Helvetica, sans-serif; /* font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, ,
    SimSun, sans-serif; */
color: #333; background-color: #fff; min-width: 1000px; }
table td { border: 1px solid #ccc; }
a { color: #666; text-decoration: none; border: none; }
a:hover { color: #0035cb; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
em, strong, i, b { font-style: normal; }
img { display: inline-block; border: none; }
table { border-collapse: collapse; }
/*清除浮动*/

.floatfix {  *zoom: 1;
}
.floatfix:after { content: ''; display: table; clear: both; }
/* 浮动 */

.fl { float: left; }
.fr { float: right; }
.fn { float: none; }
/* 文字溢出省略 */

.ell { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.two-ell { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical; }
.tc { text-align: center; }
.hide { display: none; }
.show { display: block; }
li { list-style-type: none; }
.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
.ib { display: inline-block; vertical-align: middle; }
.clear { clear: both; overflow: hidden; width: 100%; height: 0; }
.img { background: url('../images/default-logo.png') no-repeat center center #e9e9e9; }
.w1000 { width: 1000px; margin: 0 auto; }
.head-top { height: 30px; line-height: 30px; background: url('../images/head-top-bg.gif') repeat-x center top; }
.marquee { width: 800px; float: left; }
.head-top-right { float: right; text-align: right; }
.head { height: 145px; background: url('../images/navbg.png') no-repeat center bottom; }
.head .logo { float: left; padding: 25px 0; }
.head .tel { float: right; padding: 25px 0; }
.nav { height: 34px; color: #fff; clear: both; background: url('../images/nav-line.png') no-repeat right center; }
.nav dl { float: left; width: 12.5%; position: relative; }
.nav dt a { display: block; width: 100%; height: 34px; line-height: 34px; font-size: 15px; color: #fff; text-align: center; font-weight: 100; background: url('../images/nav-line.png') no-repeat left center; }
.nav dl:hover dt, .nav dl.active dt { background: url('../images/nav-hover-bg.png') repeat-x left center; }
.nav dl:hover dd { display: block; }
.nav dd { display: none; width: 100%; position: absolute; left: 0; top: 34px; z-index: 100; padding-top: 2px; }
.nav dd a { display: block; padding: 0 10px; height: 28px; line-height: 28px; text-align: center; background: #fff; color: #0035cb; font-size: 12px; border-bottom: 1px solid #ccc; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav dd a:hover { background: #0035cb; color: #fff; }
.banner { position: relative; width: 1000px; height: 360px; margin: 0 auto; }
.banner .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; z-index: 10; margin-top: -15px; width: 17px; height: 30px; }
.banner .arrow-right { background: url(../images/arrows.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; z-index: 10; margin-top: -15px; width: 17px; height: 30px; }
.banner .swiper-container { width: 1000px; height: 360px; display: block; overflow: hidden; margin: 0 auto; }
.banner .pagination { width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; z-index: 100; text-align: center; }
.banner .pagination .swiper-pagination-switch { width: 15px; height: 15px; cursor: pointer; display: inline-block; background: url('../images/banner-swerch-ico.png') no-repeat left 0; margin: 0 1px; }
.banner .pagination .swiper-active-switch { background-position: right 0; }
.index-content { width: 1000px; margin: 0 auto; padding: 20px; overflow: hidden; background: #fff; }
.index-about { width: 323px; float: left; margin-right: 15px; overflow: hidden; }
.index-about h1 { display: block; font-size: 34px; color: #0035cb; line-height: 40px; padding: 25px 0; }
.index-about-photo { padding-top: 30px; }
.index-product { width: 323px; overflow: hidden; float: left; position: relative; }
.index-product .index-title { padding-left: 15px; }
.index-product-item { padding: 15px 0; width: 323px; border-bottom: 1px solid #eee; overflow: hidden; }
.index-product-item .title::before { content: ""; width: 33px; height: 32px; display: inline-block; margin-right: 5px; background: url('../images/product-ico.png') no-repeat left center; vertical-align: -7px; }
.index-product-item .title { display: block; height: 32px; line-height: 32px; font-size: 20px; color: #0035cb; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 10px; }
.index-product-item .desc { width: 160px; float: left; line-height: 18px; height: 72px; overflow: hidden; }
.index-product-item .more { width: 160px; float: left; line-height: 18px; text-decoration: underline; padding-top: 10px; }
.index-product-item .photo { width: 150px; height: 100px; overflow: hidden; float: right; }
.index-product .swiper-container { width: 323px; height: 865px; overflow: hidden; }
.index-product .swiper-pagination-switch { font-size: 14px; font-style: italic; height: 30px; line-height: 30px; padding: 0 2px; cursor: pointer; }
.index-product .swiper-active-switch { color: #0035cb; font-weight: bolder; text-decoration: underline; }
.index-product .pagination { float: left; }
.prev-btn, .next-btn { cursor: pointer; float: right; width: 20px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; color: #999; }
.prev-btn:hover, .next-btn:hover { color: #0035cb; }
.index-title .prev-btn, .index-title .next-btn { margin-top: 5px; }
.index-sider { width: 323px; float: right; background: #eee; padding: 0 15px; box-sizing: border-box; }
.index-title { font-size: 24px; color: #333; line-height: 40px; display: block; background: #eee; font-family: ''; margin-bottom: 5px; }
.index-case .swiper-container { width: 295px; height: 190px; overflow: hidden; }
.index-case-item { position: relative; width: 295px; height: 190px; overflow: hidden; }
.index-case-item img { display: block; }
.index-case-item p { display: block; width: 100%; height: 26px; line-height: 26px; z-index: 1; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; text-align: center; }
.index-case .pagination { text-align: center; width: 100%; display: none; }
.index-case .pagination .swiper-pagination-switch { width: 7px; height: 7px; display: inline-block; border-radius: 10px; background: #999; }
.index-down-link { padding-bottom: 10px; }
.index-contact-content { padding: 0 0 30px; overflow: hidden; }
.index-contact-content dl { display: block; clear: both; }
.index-contact-content dt { float: left; }
.index-contact-content dd { float: left; width: 222px; }
.index-join-link { margin-bottom: 10px; }
.foot { clear: both; background: #0035cb; color: #fff; }
.foot a { color: #fff; }
.foot a:hover { color: #fff; text-decoration: underline; }
.foot-title { font-size: 20px; line-height: 40px; display: block; padding: 10px 0 10px; }
.foot-nav-item { width: 20%; float: left; padding-right: 20px; box-sizing: border-box; }
.foot-nav-item dt { border-top: 1px solid #fff; display: block; font-size: 16px; line-height: 30px; padding: 10px 0 0 10px; color: #fff; }
.foot-nav-item dd a { display: block; line-height: 20px; color: #fff; padding: 0 0 0 10px; }
.foot-nav-item dd a::before { content: '>'; display: inline-block; margin-right: 5px; }
.foot-copyright { clear: both; padding: 30px 0; }
.foot-logo { float: left; margin-right: 20px; }
.foot-copyright-content { padding-top: 10px; line-height: 20px; }