@charset "UTF-8";
@import url(reset.min.css);
@import url(swiper.min.css);
body{
    padding-top: 0;
}
.about_banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.about_banner img {
    width: 100%;
    display: block;
}

.about_zmenu, .about2_zmenu, .pro_zmenu, .pro2_zmenu, .about_zmenu6 {
    background: #f5f5f5;
}
.about_zmenu ul {
    height: 50px;
}
.about_zmenu ul li {
    float: left;
}
.about_zmenu ul li h3 {
    float: left;
}
.about_zmenu ul li h3 a {
    font-weight: normal;
    font-size: 16px;
    color: #333;
    padding: 0 60px;
    background: url(../imgs/about_menujt.png) no-repeat right 30px center;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    text-decoration: none;
}
.about_zmenu ul li h3 a:hover {
    color: #ff0000;
}
.about_zmenu ul .about_zmenu_li1 h3 a {
    background: #e5e5e5 url(../imgs/about_menuhome.png) no-repeat 175px center;
    padding-left: 200px;
    padding-right: 60px;
}


.tip-nav {
    background-color: #fff;
    height: 80px;
    border-top: 1px solid #eee;
}
.content {
    width: 1200px;
    margin: 0 auto;
}
.tip-nav .ri {
    float: none;
    padding-left: 10px;
    background: url(../imgs/tip-nav-ic.png) no-repeat left center;
    overflow: hidden;
}
.tip-nav .ri a {
    padding-left: 15px;
    margin-left: 16px;
    position: relative;
    color: #666;
    font-size: 14px;
    line-height: 80px;
    float: left;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}
.tip-nav .ri a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: url(../imgs/tip-nav-ic2.png) no-repeat left center;
}
.content{
    width: 1200px;
    margin: 0 auto;
}
.product-d .product-d-box1 { background-color: #f5f7f6; padding: min(2.083333333333333vw, 40px) 0 min(2.083333333333333vw, 40px) }
@media (max-width:1024px) {
    .product-d .product-d-box1 { padding: 20px 0 20px 0 }
}
.product-d .product-d-box1 .wrap-box { padding: min(2.083333333333333vw, 40px) 0 min(2.083333333333333vw, 40px); padding-left: min(2.083333333333333vw, 40px); padding-right: min(2.083333333333333vw, 40px); background-color: #fff; overflow: hidden; border-radius: 20px }
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box { padding: 20px 0 20px 0 }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box { padding-left: 20px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box { padding-right: 20px }
}
.product-d .product-d-box1 .wrap-box .le { width: 50.8%; height: auto; padding-left: 90px; position: relative; overflow: hidden; }
.product-d .product-d-box1 .wrap-box .ri { width: 44% }
.product-d .product-d-box1 .wrap-box .product-d-slide { width: 100%; height: auto; position: relative; border-radius: 20px; overflow: hidden; }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-wrapper { width: 100%; }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-wrapper .swiper-slide { width: 100%; height: 100%; }
.product-d .product-d-box1 .wrap-box .product-d-slide .img { width: 100%; height: auto; -webkit-aspect-ratio: 1; aspect-ratio: 1; text-align: right }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto; bottom: 14px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: none }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination span { background-color: #d2d2d2; opacity: 1; margin: 0 6px 0 0 }
.product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination span.swiper-pagination-bullet-active { border: 2px solid #008bd5; background-color: transparent }
.product-d .product-d-box1 .wrap-box .hd { width: 70px; height: -webkit-calc(100% - 100px); height: calc(100% - 100px); position: absolute; left: 0; top: 50%; transform: translateY(-50%); overflow: hidden; z-index: 6 }
.product-d .product-d-box1 .wrap-box .hd li { height: 80px; cursor: pointer }
.product-d .product-d-box1 .wrap-box .hd li img { background-color: #eee; border: 1px solid #dcdcdc; border-radius: 10px }
.product-d .product-d-box1 .wrap-box .hd li.on img { border: 1px solid #008bd5 }
.product-d .product-d-box1 .wrap-box .swiper-button-ico { width: 70px; height: 30px; background: no-repeat center transparent }
.product-d .product-d-box1 .wrap-box .swiper-button-ico.swiper-button-prev { background-image: url(../imgs/prev-up-ico.png); top: 0; margin: 0; left: 0 }
.product-d .product-d-box1 .wrap-box .swiper-button-ico.swiper-button-next { background-image: url(../imgs/next-down-ico.png); top: auto; bottom: 0; margin: 0; left: 0 }
.product-d .product-d-box1 .wrap-box .name { word-wrap: break-word; word-break: break-all }
.product-d .product-d-box1 .wrap-box .h3 { font-size: 22px; color: #010101; line-height: 1.4; margin: min(2.083333333333333vw, 40px) 0 min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
    .product-d .product-d-box1 .wrap-box .h3 { font-size: 18px }
}
@media (max-width:1470px) {
    .product-d .product-d-box1 .wrap-box .h3 { font-size: 16px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .h3 { font-size: 14px }
}
@media (max-width:768px) {
    .product-d .product-d-box1 .wrap-box .h3 { font-size: 12px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .h3 { margin: 20px 0 7px }
}
.product-d .product-d-box1 .wrap-box .h5 { font-size: 18px; color: #010101; line-height: 1.4; margin: min(1.40625vw, 27px) 0 min(0.7291666666666666vw, 14px); border-top: 1px solid #e5e5e5; padding-top: min(1.6666666666666667vw, 32px) }
@media (max-width:1600px) {
    .product-d .product-d-box1 .wrap-box .h5 { font-size: 16px }
}
@media (max-width:1470px) {
    .product-d .product-d-box1 .wrap-box .h5 { font-size: 13px }
}
@media (max-width:768px) {
    .product-d .product-d-box1 .wrap-box .h5 { font-size: 12px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .h5 { margin: 13.5px 0 7px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .h5 { padding-top: 16px }
}
.product-d .product-d-box1 .wrap-box .ul { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap }
.product-d .product-d-box1 .wrap-box .ul .li { width: 50%; font-size: 16px; color: #010101; line-height: 30px; padding-right: min(0.7291666666666666vw, 14px) }
@media (max-width:1600px) {
    .product-d .product-d-box1 .wrap-box .ul .li { font-size: 14px }
}
@media (max-width:768px) {
    .product-d .product-d-box1 .wrap-box .ul .li { font-size: 12px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .ul .li { padding-right: 7px }
}
.product-d .product-d-box1 .wrap-box p { font-size: 16px; color: #666; line-height: 30px }
@media (max-width:1600px) {
    .product-d .product-d-box1 .wrap-box p { font-size: 14px }
}
@media (max-width:768px) {
    .product-d .product-d-box1 .wrap-box p { font-size: 12px }
}
.product-d .product-d-box1 .wrap-box .btn { line-height: 48px; background-color: #dfe7ec; border-radius: 6px; font-size: 16px; color: #008bd5; display: inline-block; padding: 0 min(2.2916666666666665vw, 44px) 0 min(2.2916666666666665vw, 44px); margin-top: min(2.1875vw, 42px); transition: all .3s; -webkit-transition: all .3s }
.product-d .product-d-box1 .wrap-box .tel-btn{
    line-height: 46px;
    color: #fff;
    background: #19A618;
}

@media (max-width:1600px) {
    .product-d .product-d-box1 .wrap-box .btn { font-size: 14px }
}
@media (max-width:768px) {
    .product-d .product-d-box1 .wrap-box .btn { font-size: 12px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .btn { padding: 0 22px 0 22px }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .btn { margin-top: 21px }
}
.product-d .product-d-box1 .wrap-box .btn:hover { background-color: #008bd5; color: #fff }
.product-d .product-d-box1 .wrap-box .tel-btn:hover{
    opacity: 0.8;
    background: #19A618;
}
.product-d .product-d-box2 { padding: min(4.16666666666667vw, 80px) 0 min(5.208333333333334vw, 100px) }
@media (max-width:1024px) {
    .product-d .product-d-box2 { padding: 50px 0}
}
.product-d .product-d-box2 .name h1 { font-size: 22px; color: #000; line-height: 1.4; font-weight: 400 }
@media (max-width:1600px) {
    .product-d .product-d-box2 .name h1 { font-size: 18px }
}
@media (max-width:1470px) {
    .product-d .product-d-box2 .name h1 { font-size: 16px }
}
@media (max-width:1024px) {
    .product-d .product-d-box2 .name h1 { font-size: 14px }
}
@media (max-width:768px) {
    .product-d .product-d-box2 .name h1 { font-size: 12px }
}
@media (max-width:1200px) {
    .product-d .product-d-box1 .wrap-box .le { width: 46.8%; padding: 0; background-color: transparent; height: auto }
    .product-d .product-d-box1 .wrap-box .ri { width: 50% }
    .product-d .product-d-box1 .wrap-box .product-d-slide { background-color: #f8f8f8; border-radius: 20px; overflow: hidden }
    .product-d .product-d-box1 .wrap-box .hd, .product-d .product-d-box1 .wrap-box .swiper-button-ico { display: none }
    .product-d .product-d-box1 .wrap-box .product-d-slide .swiper-pagination { display: block; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex }
}
@media (max-width:1024px) {
    .product-d .product-d-box1 .wrap-box .btn { line-height: 32px; margin-top: 10px }
    .product-d .product-d-box2 { padding: 50px 0 }
}
@media (max-width:990px) {
    .product-d .product-d-box1 .wrap-box .le { float: none }
    .product-d .product-d-box1 .wrap-box .ri { width: 100%; float: none; margin-top: 30px }
    .product-d .product-d-box1 .wrap-box p { line-height: 24px }
    .product-d .product-d-box1 .wrap-box .h3 { margin: 16px 0 4px }
}
@media (max-width:768px) {
    .product-d .product-d-box1 .wrap-box .le { width: 100%; margin: auto }
    .product-d .product-d-box1 .wrap-box .h3 { margin: 14px 0 4px }
    .product-d .product-d-box1 .wrap-box .ul .li { width: 100% }
    .product-d .product-d-box2 table td { padding: 10px 6px }
}

.page-title h1 {
    font-size: 28px;
    font-weight: bold;
}
.product-d .product-d-box2 .name h1 {
    font-size: 16px;
    padding-bottom: 10px;
}
.page-table table, .page-table th, .page-table td {
    border: 1px solid #e2ebeb;
}
.page-table tr:first-child {
    border-top: 2px solid #008bd5;
}
.page-table td {
    padding: 13px;
    font-size: 14px;
}
.page-table table, .page-table th, .page-table td {
    border: 1px solid #e2ebeb;
}
.page-table table {
    width: 100%;
    font-size: 16px;
    color: #000;
    line-height: 20px;
    margin-top: 25px;
}
.showContent{
    padding: 20px 0;
    border-top: 2px solid #008bd5;
}