@media screen and (min-width: 1060px) { .content { width: 1000px; margin: 0 auto; padding: 0 30px; -webkit-box-sizing: content-box; box-sizing: content-box; } }

@media screen and (min-width: 750px) and (max-width: 1000px) { .content { width: 100%; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

@media screen and (max-width: 750px) { .content { width: 750px; margin: 0 auto; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; } }

body { font-family: PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif; }

.header { text-align: center; height: 80px; position: relative; z-index: 11; }

.header .logo { padding-top: 30px; }

.header .nav { position: absolute; left: 0; top: 24px; }

.header .nav > ul > li { padding: 0 15px; position: relative; font-size: 14px; line-height: 30px; color: #030000; display: inline-block; vertical-align: top; }

.header .nav > ul > li::after { position: absolute; top: 10px; right: 0; height: 10px; content: ""; width: 2px; background-color: #424040; }

.header .nav > ul > li:last-child::after { display: none; }

.header .nav > ul > li.on { font-weight: bold; }

.header .nav > ul > li.on::before { position: absolute; top: 35px; left: calc(50% - 2px); content: ""; width: 3px; height: 3px; background-color: #000; border-radius: 50%; }

.header .nav > ul > li a { color: #030000; }

.header .nav > ul > li a:hover { font-weight: bold; }

.header .nav > ul > li > ul { display: none; }

.header .nav > ul > li:hover > ul { display: block; background-color: #fff; margin: 0 -15px; position: relative; border-radius: 0 0 5px 5px; }

.header .nav > ul > li:hover > ul li { padding: 0 15px; font-weight: normal; }

.header .nav > ul > li:hover > ul li.on { font-weight: bold; }

.header .nav > ul > li:first-child > ul { display: none; }

.header .nav .nav-3 + ul { display: none !important; }

.home .banner img { width: 100%; }

.home .banner { position: relative; }

.home .banner .slidesjs-navigation { display: none; }

.home .banner .slidesjs-pagination { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center; z-index: 999; }

.home .banner .slidesjs-pagination li { display: inline-block; vertical-align: top; padding: 0 5px; font-size: 0; }

.home .banner .slidesjs-pagination li a { display: inline-block; width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; }

.home .banner .slidesjs-pagination li a.active { background-color: #fff; }

.home .info { text-align: center; line-height: 1; }

.home .info .tit { font-size: 18px; color: #030000; font-weight: bold; padding: 50px 0 12px 0; }

.home .info .intro { font-size: 16px; color: #666666; padding-bottom: 20px; }

.home .list { font-size: 0; line-height: 0; }

.home .list li { width: 33.33%; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }

.home .list li:nth-child(1) { padding-right: 27px; }

.home .list li:nth-child(2) { padding: 0 13px; }

.home .list li:nth-child(3) { padding-left: 27px; }

.home .list li img { width: 100%; }

.home .list .box { background-color: #f5f5f5; line-height: 1; text-align: center; -webkit-transition: all .5s; transition: all .5s; border-radius: 16px; overflow: hidden; display: block; }

.home .list .box:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.home .list .box .tit { font-size: 14px; color: #333; font-weight: bold; padding: 30px 30px 0 30px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.home .list .box .desc { font-size: 12px; color: #333; padding: 0 30px 30px 30px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.footer { margin-top: 40px; border-top: 1px #ccc solid; padding-top: 20px; position: relative; }

.footer .right { position: absolute; top: 50px; right: 0; }

.footer .right li { display: inline-block; vertical-align: middle; line-height: 2; font-size: 16px; color: #030000; font-weight: bold; padding: 0 45px; }

.footer .f-img { padding: 65px 0 40px 0; text-align: center; }

.footer .logo { display: inline-block; vertical-align: middle; }

.footer .f-w { display: inline-block; vertical-align: middle; cursor: pointer; position: relative; }

.footer .f-w:hover .code { display: block; width: 160px; height: 160px; opacity: 1; -webkit-transition: all .5s; transition: all .5s; -webkit-transform-origin: left bottom; transform-origin: left bottom; }

.footer .f-w .code { position: absolute; left: 60px; bottom: 0px; width: 0; height: 0; overflow: hidden; opacity: 0; }

.footer .copyright { font-size: 12px; color: #ababab; padding-bottom: 50px; text-align: center; }

.brand-section { font-size: 16px; line-height: 28px; color: #000; }

.brand-section img { max-width: 100%; }

.brand-section .title { font-size: 45px; line-height: 65px; padding: 80px 0 40px 0; position: relative; }

.brand-section .title:after { position: absolute; bottom: 0; left: 0; content: ""; width: 480px; height: 2px; background-color: #5a5a5a; }

.brand-section .title.news-title { margin-bottom: 50px; }

.brand-section .intro { font-size: 25px; line-height: 50px; padding: 50px 0; }

.brand-section h3 { font-size: 22px; line-height: 1.5; color: #000; font-weight: bold; padding-bottom: 20px; }

.brand-section p { padding-bottom: 60px; }

.news-detail { font-size: 16px; line-height: 28px; color: #000; }

.news-detail img { max-width: 100%; }

.news-detail .title { font-size: 45px; line-height: 65px; padding: 80px 0 40px 0; position: relative; margin-bottom: 30px; }

.news-detail .title:after { position: absolute; bottom: 0; left: 0; content: ""; width: 480px; height: 2px; background-color: #5a5a5a; }

.news-detail .info { color: #999; line-height: 30px; margin-bottom: 50px; }

.news-detail .info .date, .news-detail .info .view { display: inline-block; vertical-align: middle; }

.news-detail .info .view { position: relative; padding-left: 40px; min-height: 30px; margin-left: 30px; }

.news-detail .info .view::before { position: absolute; top: 0; left: 0; content: ""; width: 30px; height: 30px; background: url("../images/icon-view.png") center center no-repeat; background-size: 18px 18px; }

.news-detail .intro { font-size: 25px; line-height: 50px; padding: 50px 0; }

.news-detail h3 { font-size: 22px; line-height: 1.5; color: #000; font-weight: bold; padding-bottom: 20px; }

.news-detail p { padding-bottom: 60px; }

.news-section .banner { border-radius: 25px; overflow: hidden; font-size: 0; line-height: 0; }

.news-section .banner img { width: 100%; }

.news-section .list { font-size: 0; line-height: 0; padding-top: 40px; }

.news-section .list .plist li { width: 33.33%; display: inline-block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 40px; }

.news-section .list .plist li:nth-child(1) { padding-right: 27px; }

.news-section .list .plist li:nth-child(2) { padding: 0 13px; }

.news-section .list .plist li:nth-child(3) { padding-left: 27px; }

.news-section .list .plist li:nth-child(4) { padding-right: 27px; }

.news-section .list .plist li:nth-child(5) { padding: 0 13px; }

.news-section .list .plist li:nth-child(6) { padding-left: 27px; }

.news-section .list .plist li:nth-child(7) { padding-right: 27px; }

.news-section .list .plist li:nth-child(8) { padding: 0 13px; }

.news-section .list .plist li:nth-child(9) { padding-left: 27px; }

.news-section .list .plist li:nth-child(10) { padding-right: 27px; }

.news-section .list .plist li:nth-child(11) { padding: 0 13px; }

.news-section .list .plist li:nth-child(12) { padding-left: 27px; }

.news-section .list .plist li:nth-child(13) { padding-right: 27px; }

.news-section .list .plist li:nth-child(14) { padding: 0 13px; }

.news-section .list .plist li:nth-child(15) { padding-left: 27px; }

.news-section .list .plist li img { width: 100%; }

.news-section .list .box { background-color: #f5f5f5; line-height: 1; text-align: center; -webkit-transition: all .5s; transition: all .5s; border-radius: 16px; overflow: hidden; display: block; }

.news-section .list .box:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.news-section .list .box .tit { font-size: 14px; color: #333; font-weight: bold; padding: 30px 30px 0 30px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.news-section .list .box .desc { font-size: 12px; color: #333; padding: 0 30px 30px 30px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.pagelist { font-size: 20px; color: #ccc; line-height: 1; text-align: center; }

.pagelist li { display: inline-block; vertical-align: top; }

.pagelist li:nth-child(1) a, .pagelist li:nth-child(2) a, .pagelist li:nth-last-child(1) a, .pagelist li:nth-last-child(2) a { color: #333; border: 1px #333 solid; }

.pagelist li:nth-child(1) { margin-right: 10px; }

.pagelist li:nth-last-child(1) { margin-left: 10px; }

.pagelist li a { color: #ccc; display: inline-block; width: 45px; height: 42px; text-align: center; line-height: 42px; }

.pagelist li.disabled { color: #ccc; }

.pagelist li.disabled a { color: #ccc; border-color: #ccc; }

.pagelist li.on a { color: #333; }

.title-his { font-size: 45px; font-weight: bold; text-align: center; position: relative; line-height: 1; padding: 80px 0 60px 0; }

.title-his::after { position: absolute; bottom: 30px; left: calc(50% - 120px); content: ""; height: 1px; width: 240px; background-color: #5a5a5a; }

.conn-his .p { font-size: 25px; line-height: 2; color: #404040; }

.conn-his .list { text-align: center; padding-top: 80px; }

.conn-his .list li { height: 160px; position: relative; }

.conn-his .list li:last-child .date::after { display: none; }

.conn-his .list .date { display: inline-block; position: relative; height: 160px; font-size: 16px; color: #000; font-weight: bold; }

.conn-his .list .date::before { position: absolute; left: calc(50% - 4px); top: 30px; content: ""; width: 3px; height: 3px; border: 3px #000 solid; border-radius: 50%; z-index: 1; }

.conn-his .list .date::after { position: absolute; left: 50%; top: 36px; bottom: 0; content: ""; width: 1px; background-color: #d1d1d1; }

.conn-his .list .box { position: absolute; top: 36px; width: 320px; font-size: 14px; line-height: 24px; border: 1px #000 solid; border-radius: 5px; padding: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; }

.conn-his .list .box::after { position: absolute; top: calc(50% - 7px); right: -6px; width: 10px; height: 10px; content: ""; border-right: 1px #000 solid; border-top: 1px #000 solid; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.conn-his .list .box.box-left { left: 95px; }

.conn-his .list .box.box-right { right: 95px; }

.conn-his .list .box.box-right::after { left: -6px; right: auto; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

@media screen and (max-width: 750px) { .conn-his .list .box { width: 260px; }
  .conn-his .list .box.box-left { left: 0px; }
  .conn-his .list .box.box-right { right: 0px; } }

.product { position: relative; }

.product .section-left { width: 66%; display: inline-block; vertical-align: top; font-size: 16px; line-height: 28px; color: #000; }

.product .section-left img { max-width: 100%; }

.product .section-left .title { font-size: 30px; line-height: 45px; padding: 30px 0 40px 0; position: relative; margin-bottom: 30px; }

.product .section-left .title:after { position: absolute; bottom: 0; left: 0; content: ""; width: 480px; height: 2px; background-color: #5a5a5a; }

.product .section-left .info { color: #999; line-height: 30px; margin-bottom: 50px; }

.product .section-left .info .date, .product .section-left .info .view { display: inline-block; vertical-align: middle; }

.product .section-left .info .view { position: relative; padding-left: 40px; min-height: 30px; margin-left: 30px; }

.product .section-left .info .view::before { position: absolute; top: 0; left: 0; content: ""; width: 30px; height: 30px; background: url("../images/icon-view.png") center center no-repeat; background-size: 18px 18px; }

.product .section-left .intro { font-size: 25px; line-height: 50px; padding: 50px 0; }

.product .section-left h3 { font-size: 22px; line-height: 1.5; color: #000; font-weight: bold; padding-bottom: 20px; }

.product .section-left p { padding-bottom: 60px; }

.product .nav-right { width: 28%; position: absolute; top: 0; right: 0; }

.product .nav-list { background-color: #f6f6f6; border-radius: 10px; text-align: center; overflow: hidden; }

.product .nav-list li { height: 80px; line-height: 80px; font-size: 18px; color: #030000; }

.product .nav-list li a { display: block; height: 80px; }

.product .nav-list li.on { background-color: #66abd8; }

.product .nav-list li.on a { color: #fff; }

.product .shop { padding-top: 15px; }

.product .shop .btn { height: 80px; background-color: #66abd8; color: #fff; border-radius: 10px; padding-left: 95px; position: relative; }

.product .shop .btn::before { position: absolute; left: 20px; top: 16px; content: ""; width: 48px; height: 48px; background: url("../images/shop.png") center center no-repeat; background-size: 100%; }

.product .shop .btn .buy { font-size: 18px; padding-top: 15px; }

.product .shop .btn .name { font-size: 14px; padding-top: 7px; }

.product .shop .btn.jd::before { background-image: url("../images/shop-jd.png"); }

.product .shop .btn.tb::before { background-image: url("../images/shop-tb.png"); }
/*# sourceMappingURL=css.css.map */